<div class="table-top search-top">
  <div class="pull-left monitor-left">
    <nz-radio-group [(ngModel)]="timeRangeHour"  (ngModelChange)="getMonitors($event)" class="mr8">
      <label nz-radio-button nzValue="1">近1小时</label>
      <label nz-radio-button nzValue="24">近24小时</label>
      <label nz-radio-button nzValue="168">近7天</label>
    </nz-radio-group>
    <!--[nzShowTime]="{ nzFormat: 'HH:mm:ss' }"-->
    <nz-range-picker class="date-picker-margin picker-top" style="margin-left: 0;"
      nzShowTime [nzAllowClear]="true"
      nzFormat="yyyy-MM-dd HH:mm:ss"
      [nzDisabledDate]="disabledDate"
      [(ngModel)]="time"
      (ngModelChange)="timeChange()"
      (nzOnOk)="changeDate()"
      [nzPlaceHolder]="['开始时间', '结束时间']"></nz-range-picker>
  </div>
  <div class="pull-right">
    <span class="space-right">自动刷新</span><nz-switch nz-popover [nzContent]="'自动刷新周期60秒'" [nzPopoverPlacement]="'top'" [(ngModel)]="openRefresh" (ngModelChange)="openRefreshChange()"></nz-switch>
  </div>
</div>
<div class="row">
  <app-monitor-chart title="调用次数" [groupId]="groupId" [functionId]="functionId" [lineTitle]="['调用次数']"
    [metricName]="'invocation'" [startTime]="startTime" [endTime]="endTime" [versionName]="versionName"
        [stepMultiple]="stepMultiple" #invocationChart>
  </app-monitor-chart>
  <app-monitor-chart title="失败次数" [groupId]="groupId" [functionId]="functionId" [lineTitle]="['失败次数']"
        [metricName]="'error'" [startTime]="startTime" [endTime]="endTime" [versionName]="versionName"
        [stepMultiple]="stepMultiple" #failureChart>
  </app-monitor-chart>
  <app-monitor-chart title="执行时间（ms）" [groupId]="groupId" [functionId]="functionId" [lineTitle]="['执行时间']"
        [metricName]="'duration'" [startTime]="startTime" [endTime]="endTime" [versionName]="versionName"
        [stepMultiple]="stepMultiple" #executeChart>
  </app-monitor-chart>
  <app-monitor-chart title="占用内存（MB）" [groupId]="groupId" [functionId]="functionId" [lineTitle]="['占用内存']"
        [metricName]="'memory'" function="divide" divide="1048576" [startTime]="startTime" [endTime]="endTime"
        [versionName]="versionName" [stepMultiple]="stepMultiple" #memoryChart>
  </app-monitor-chart>
</div>
